滚动区域(ScrollArea)
滚动区域ScrollArea 类可为它的子控件提供一个可滚动的视图。如果子控件的尺寸超过了滚动区域的尺寸,滚动区域会提供滚动条,以便可以查看子控件的整个区域。
滚动区域可以通过以下方法进行滚动:
scrollTo()scrollToTop()scrollToBottom()默认情况下,滚动操作没有动画效果。可以通过设置第一个参数来决定是否启用动画效果。
示例代码
以下代码展示了如何创建一个滚动区域并在其中添加一个子控件:
const desktop = Desktop.instance();// 获取桌面实例
const scrollArea = new ScrollArea(desktop);// 创建滚动区域并添加到桌面
const widget = new Widget(scrollArea);// 在滚动区域中创建一个子控件
widget.css = { 'background': 'linear-gradient(to bottom, blue, red)' };// 设置子控件的背景为蓝到红的渐变
widget.size = new Size(500, 500);// 设置子控件的尺寸
在这个例子中,widget 的尺寸为 500x500,如果 scrollArea 的尺寸小于 widget,滚动条将会自动出现,从而可以滚动查看整个 widget。
